<script setup>
const name = "张三";
const age = 18;
const hobbies = "吃饭、睡觉、打豆豆";
const profession = "专业：软件技术";
const gender = "<span>性别：男</span>";
const title = "<h1>个人信息</h1>";
const sigh = `<h2>我的世界</h2>
            <a href="https://gitee.com/lxy12312">点击进入我的世界</a>
            <p style="color: red;">我的世界，创造无限可能。</p>`
</script>

<template>
<div id="counter" style="border: 1px solid #ccc; padding: 20px; width: 400px; margin: 0 auto; background-color: burlywood; border-radius: 10px;">
        <div v-html="title"></div>
        <span>姓名：{{name}}</span><br>
        <span>年龄：{{age}}</span><br>
        <span>兴趣爱好：{{hobbies}}</span><br>
        <el-link href="user/List">我的关注</el-link><br>
        <el-link href="user/Detail">我的粉丝</el-link><br>
        <span v-text="profession"></span><br>
        <div v-html="gender"></div>
        <div v-html="sigh"></div>
    </div>
</template>

<style scoped>

</style>